<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="Author" content="http://www.webqin.net">
<title>我的会员卡</title>
<link rel="shortcut icon" href="/carworld_weixin/images/favicon.ico" />
<!-- Bootstrap -->
<link href="/carworld_weixin/css/bootstrap.min.css" rel="stylesheet">
<link href="/carworld_weixin/css/style.css" rel="stylesheet">
<link href="/carworld_weixin/css/loader.min.css" rel="stylesheet">
<link href="/carworld_weixin/css/response.css" rel="stylesheet">
<script src="/carworld_weixin/js/jquery-3.3.1.min.js"></script>
<script src="/carworld_weixin/js/loading.js"></script>
</head>
<body>
	<div class="maincont">
		<header>
			<a href="javascript:history.back(-1)" class="back-off fl"><span
				class="glyphicon glyphicon-menu-left"></span></a>
			<div class="head-mid">
				<h1>我的会员卡</h1>
			</div>
		</header>
		<div class="head-top">
			<img src="/carworld_weixin/images/coupon_banner.jpg" />
		</div>
		<!--head-top/-->
		<div class="zhaieq">
			<a href="javascript:;" class="zhaiCur">可使用</a> <a href="javascript:;">可分享</a>
			<a href="javascript:;">已失效</a>
			<div class="clearfix"></div>
		</div>
		<!--oredereq/-->
		<!-- 动态显示vip会员卡信息 start -->
		<div class="jifen"></div>
		<!-- 动态显示vip会员卡信息 end -->
		<div class="height1"></div>
			<!-- footNav -->
	<div class="footNav">
		<dl><a href="/carworld_weixin/"><dt><span class="glyphicon glyphicon-home"></span></dt><dd>首页</dd></a></dl>
		<dl><a href="/carworld_weixin/pages/page_myVipCard.html"><dt><span class="glyphicon glyphicon-heart"></span></dt><dd>会员卡</dd></a></dl>
		<dl><a href="/carworld_weixin/pages/page_myOrder.html"><dt><span class="glyphicon glyphicon-tasks"></span></dt><dd>订单</dd></a></dl>
		<dl><a href="/carworld_weixin/user/userPage"><dt><span class="glyphicon glyphicon-user"></span></dt><dd>我的</dd></a></dl>
		<div class="clearfix"></div> 
   	</div><!-- footNav  end-->
</div>
		<script src="/carworld_weixin/js/bootstrap.min.js"></script>
		<script src="/carworld_weixin/js/style.js"></script>
		<script type="text/javascript">
			$.ajax({
				type : 'GET',
				url : '/carworld_weixin/vipcard/myVipCard',
				dataType : 'json',
				contentType : 'application/json',
				success : function(data) {
					var count=data.page.totalRow;
					if(0==count){
						$('.jifen').append('<div style="text-align:center;font-size:14px;color:#bbb;">暂时还没有可使用的会员卡哦~</div>');
						loading(false);
						return;
					}
					$.each(data.page.list, function(index, elem) {
						var html='<div class="jifenList"><dl class="jl1"><dt>'+elem.card_name+'</dt><dd>有效期：自领取日起'+elem.avaiabletime+
						' 天</dd><dd>剩余数量：'+elem.remaining_num+'</dd><dt>卡编号：'+elem.card_id+'</dt></dl><dl class="jl2"><img src="/carworld_weixin/images/vipcard_black.png" style="display: block;width: 100%;"></dl></div>';
						$('.jifen').append(html);
					});
					loading(false);
				}
			});
		</script>
</body>
</html>